@charset "utf-8";

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

#bsWXBox {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0
}

html,
body {
	position: relative
}

@media screen and (min-width:1920px) {
	html {
		font-size: 100px !important
	}
}

@media screen and (max-width:1600px) {
	html {
		font-size: 80px
	}
}

@media screen and (max-width:1440px) {
	html {
		font-size: 75px
	}
}

@media screen and (max-width:1280px) {
	html {
		font-size: 65px
	}
}

@media screen and (max-width:1024px) {
	html {
		font-size: 53px !important
	}
}

body {
	font-family: SourceHanSansCN-Regular;
	font-size: .16rem;
	line-height: 1.75;
	color: #333;
	background: #fff
}

@media screen and (max-width:1023px) {
	body {
		font-size: 14px;
		line-height: 1.5
	}
}

.bodyHIdden {
	overflow: hidden;
	height: 100%;
	width: 100%
}

a {
	-webkit-tap-highlight-color: transparent
}

a:link,
a:visited {
	text-decoration: none;
	outline: #333;
	color: #333
}

a:hover,
a:active,
a:focus {
	color: #173b8e
}

ul,
li {
	list-style: none
}

img {
	border: 0;
	max-width: 100%;
	/* max-height: 100% */
}

table {
	border-collapse: collapse;
	width: 100%
}

input[type=text],
textarea {
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	-webkit-appearance: none
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
	cursor: pointer;
	outline: none
}

input[type='checkbox'],
input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0;
	color: #666;
	outline: none
}

.f-l {
	float: left
}

.f-r {
	float: right
}

.font20 {
	font-size: 20px
}

.textCenter {
	text-align: center
}

.color333 {
	color: #333
}

.hide {
	overflow: hidden
}

.rel {
	position: relative
}

.clearfix {
	clear: both
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	zoom: 1;
	display: block
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.middleRight {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.middleLeft {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.bottomCenter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px
}

@media screen and (max-width:1600px) {
	.container {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media screen and (max-width:1280px) {
	.container {
		max-width: 1200px
	}
}

.indent2 {
	text-indent: 2em
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	will-change: transform, opacity
}

@font-face {
	font-family: "iconfont";
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg')
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-qzone:before {
	content: "\e600"
}

.icon-guancha:before {
	content: "\e681"
}

.icon-menu-2:before {
	content: "\e633"
}

.icon-menu:before {
	content: "\e62f"
}

.icon-qq:before {
	content: "\e64a"
}

.icon-weibo:before {
	content: "\e64b"
}

.icon-weixin:before {
	content: "\e64c"
}

.icon-download:before {
	content: "\e644"
}

.icon-play:before {
	content: "\e639"
}

.icon-date:before {
	content: "\e634"
}

.icon-next:before {
	content: "\e615"
}

.icon-eye:before {
	content: "\e636"
}

.icon-up:before {
	content: "\e612"
}

.icon-qq-2:before {
	content: "\e647"
}

.icon-weixin-2:before {
	content: "\e648"
}

.icon-weibo-2:before {
	content: "\e649"
}

@font-face {
	font-family: 'ROBOTO-LIGHT';
	src: url('../fonts/roboto-light.ttf');
	src: url('../fonts/roboto-light.eot');
	src: url('../fonts/roboto-light.eot') format('embedded-opentype'), url('../fonts/roboto-light.woff2') format('woff2'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.svg#roboto-light') format('svg'), url('../fonts/ROBOTO-LIGHT.otf');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/roboto-regular.eot') format('embedded-opentype'), url('../fonts/roboto-regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format("truetype"), url('../fonts/Roboto-Regular.otf');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Oswald-Regular';
	src: url('../fonts/Oswald-Regular.ttf');
	src: url('../fonts/oswald-regular.eot');
	src: url('../fonts/oswald-regular.eot') format('embedded-opentype'), url('../fonts/oswald-regular.woff2') format('woff2'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/oswald-regular.svg#oswald-regular') format('svg'), url('../fonts/Oswald-Regular.otf');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/montserrat-regulart.eot') format('embedded-opentype'), url('../fonts/montserrat-regular.woff2') format('woff2'), url('../fonts/montserrat-regulart.woff') format('woff'), url('../fonts/montserrat-regulart.ttf') format('truetype'), url('../fonts/montserrat-regular.svg#montserrat-regular') format('svg');
	font-weight: normal;
	font-style: normal
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ellipsis1 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1
}

.ellipsis2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.ellipsis3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.ellipsis4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}

.ellipsis5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

body {
	min-width: 1024px
}

.body {
	margin-left: auto;
	margin-right: auto
}

@-webkit-keyframes slideUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown2 {
	-webkit-animation-name: slideInDown2;
	animation-name: slideInDown2
}

@-webkit-keyframes fadeInUp2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}

@-webkit-keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.2, .2);
		transform: scale(.2, .2)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.2, .2);
		transform: scale(.2, .2)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

input[type="text"] {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.transparent {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0;
	margin: auto;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3)
}

.f-l {
	float: left
}

.f-r {
	float: right
}

img {
	vertical-align: top
}

.header {
	width: 100%;
	height: .9rem;
	color: #fff;
	border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header a {
	color: #fff
}

.header>.container {
	padding-right: 2.4rem;
	max-width: 100%;
	text-align: right
}

.header>.container:after {
	content: "";
	display: block;
	clear: both
}

.header .logo {
	height: .6rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	z-index: 1;
	float: left;
	position: absolute;
	top: .2rem;
	left: 1.6rem;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .logo img {
	position: relative
}

.header .logo .line {
	display: inline-block;
	margin: 0 .1rem;
	width: 1px;
	height: .53rem;
	background-color: #fff;
	position: relative
}

.header .logo .line:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: -2px;
	margin-top: -2px
}

.header .logo .txt-1 {
	color: #fff;
	font-weight: 700;
	font-size: .21rem;
	display: block;
	line-height: .3rem
}

.header .logo .txt-2 {
	font-family: "SourceHanSansCN-Regular";
	line-height: .3rem;
	font-size: .13rem;
	display: block;
	position: relative
}

.header .other {
	height: .9rem;
	text-align: right;
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	right: 1.6rem;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .other .otherC {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: right
}

.header .other .otherC>div {
	position: relative
}

.header .other .otherC>div:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: .2rem;
	background-color: rgba(0, 0, 0, 0.24);
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header .other .otherC>div:last-child:after {
	display: none
}

.header .other a:hover {
	color: #173b8e
}

.header .searchBtn {
	cursor: pointer;
	border-radius: 50%;
	position: relative;
	z-index: 1
}

.header .searchBtn span {
	width: .36rem;
	height: .36rem;
	display: block;
	position: relative;
	z-index: 1
}

.header .searchBtn span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #173b8e;
	border-radius: 50%;
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s
}

.header .searchBtn svg {
	fill: #fff !important;
	width: .22rem;
	height: .22rem;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: .5s;
	transition: .5s
}

.header .searchBtn:hover span:before {
	background-color: #ed9505;
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.header.header-1 {
	position: fixed
}

.header.headerFixed {
	height: .7rem;
	-webkit-box-shadow: 0 .1rem .2rem 0 rgba(7, 48, 253, 0.12);
	box-shadow: 0 .1rem .2rem 0 rgba(7, 48, 253, 0.12)
}

.header.headerFixed .logo {
	height: .7rem;
	top: 0
}

.header.headerFixed .logo .txt-1 {
	font-size: .2rem;
	line-height: .3rem;
	padding-top: .05rem
}

.header.headerFixed .logo .txt-2 {
	font-size: .14rem;
	line-height: .3rem
}

.header.headerFixed .other {
	height: .7rem
}

.header.headerFixed .nav>.list>li>a {
	height: .7rem;
	line-height: .7rem
}
.nav>.list>li.lang{
    padding-left: 10px;
}
.nav>.list>li.lang a{
    display: inline-block;padding: 0 5px;
    background: transparent !important;
}

@media screen and (max-width:1440px) {
	.header>.container {
		padding-right: 1.2rem
	}

	.header .logo {
		left: 30px
	}

	.header .other {
		right: 30px
	}
}

@media screen and (max-width:1023px) {
	.header.headerFixed {
		position: absolute
	}
}

.headerHbg {
	height: 1.1rem
}

@media screen and (max-width:1023px) {
	.headerHbg {
		height: 50px;
		display: none
	}
}

.nav {
	width: 100%;
	max-width:10rem;
	display: inline-block;
	vertical-align: top;
	text-align: right
}

.nav:after {
	content: "";
	display: block;
	clear: both
}

.nav>.list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0;
	text-align: center
}

.nav>.list>li {
	text-align: center;
	float: left;
	position: relative
}

.nav>.list>li.li-static {
	position: static
}

.nav>.list>li em {
	display: inline-block;
	font-style: inherit
}

.nav>.list>li>a {
	padding: 0 .1rem;
	font-size: .16rem;
	color: #fff;
	height: .9rem;
	line-height: .9rem;
	z-index: 1;
	display: block;
	vertical-align: middle;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.nav>.list>li>a:after {
	content: "";
	display: block;
	width: 0;
	height: .02rem;
	background: #173b8e;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.nav>.list>li:hover>a {
	background: #173b8e ;
		color: #fff
}

.nav>.list>li:hover>a:after {
	width: 100%
}

.nav>.list>li.active>a {
	color: #fff
}
.nav>.list>li.active{
	background: #173b8e;
}
.nav>.list>li.active>a:after {
	width: 100%
}

.nav .navChild {
	display: block;
	width: 1.8rem;
	font-size: .14rem;
	color: #333;
	-webkit-box-shadow: .1rem .1rem .1rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: .1rem .1rem .1rem 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	z-index: 999;
	padding-top: 1px;
	top: .66rem;
	left: 50%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0) translateX(-50%);
	transform: scaleY(0) translateX(-50%);
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.nav .navChild .list-2 {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
	overflow: hidden;
	padding: 0;
	position: relative
}

.nav .navChild .list-2 li {
	width: 100%;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	float: left;
	display: block;
	position: relative
}

.nav .navChild .list-2 li:nth-child(1) {
	border-top: none
}

.nav .navChild .list-2 a {
	width: 100%;
	display: block;
	color: #666;
	font-size: .16rem;
	height: .5rem;
	line-height: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 .1rem
}

.nav .navChild .list-2 a:hover {
	background-color: #173b8e;
	color: #fff
}

.nav .navChild .list-2 .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav .navChild.show {
	display: block;
	-webkit-transform: scaleY(1) translateX(-50%);
	transform: scaleY(1) translateX(-50%)
}

.nav .navChild-2 {
	width: 3.6rem
}

.nav .navChild-3 {
	width: 2.6rem
}

.headerFixed {
	background: rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
	left: 0
}

.headerFixed .navChild {
	top: .7rem
}

.headerFixed .navChild-2 {
	top: .7rem
}

#searchPopup {
	position: fixed;
	top: 0;
	width: 100%;
	display: none;
	z-index: 9999
}

#searchPopup .searchBox {
	color: #fff;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -1;
	top: 1.3rem;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

#searchPopup .searchBox.fadeIn {
	top: 100px;
	opacity: 1;
	z-index: 999
}

#searchPopup .searchBox .container {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	-webkit-transform: translateX(-0.7rem);
	transform: translateX(-0.7rem)
}

#searchPopup .searchBox input {
	border: 1px #fff solid;
	background: #fff;
	color: #333;
	width: 40%;
	padding: 0 10px;
	font-size: .14rem;
	height: .36rem;
	line-height: .34rem
}

#searchPopup .searchBox input:focus {
	color: #333
}

#searchPopup .searchBox .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	height: .36rem;
	width: .36rem;
	background: #173b8e;
	text-align: center
}

#searchPopup .searchBox .btn svg {
	width: .2rem;
	height: .2rem;
	margin: .08rem auto 0 auto
}

#searchPopup .searchBox .btn .cls-1 {
	fill: #fff
}

#searchPopup .searchBox .btn .cls-2 {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 2px
}

#searchPopup .searchBox .close {
	display: none
}

#searchPopup .searchBox2.fadeIn {
	top: .95rem
}

@media screen and (max-width:1023px) {
	#searchPopup .searchBox .container {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	#searchPopup .searchBox input {
		width: 100%
	}

	#searchPopup .searchBox .btn {
		right: 15px
	}
}

.banner {
	clear: both;
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 9
}

.banner img {
	vertical-align: top;
	display: inline-block;
	max-width: 100%;
	max-height: 100%
}

.banner .pc {
	display: block;
	background: #000
}

.banner .mobile {
	display: none
}

.banner li {
	float: left
}

.banner .box {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%
}

.banner video {
	vertical-align: top;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	max-width: 100%;
	max-height: 100%
}

.banner .pic {
	display: block;
	width: 100%;
	position: relative
}

.banner .pic img {
	width: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	position: static
}

.banner .btns {
	background-color: #173b8e;
	width: 5.3rem;
	position: absolute;
	height: 1.1rem;
	z-index: 9;
	right: 0;
	bottom: 0
}

.banner .btns .container {
	height: .4rem;
	position: relative
}

.banner .swiper-pagination {
	text-align: center;
	height: .36rem;
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner .swiper-pagination-bullet {
	width: .36rem;
	height: .36rem;
	border-radius: .36rem;
	margin: 0 .05rem;
	opacity: 1;
	background-color: transparent;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.banner .swiper-pagination-bullet:before {
	content: "";
	display: block;
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .5s;
	transition: all .5s
}

.banner .swiper-pagination-bullet:after {
	content: "";
	display: block;
	width: .16rem;
	height: .16rem;
	border-radius: 50%;
	border: 1px #fff solid;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transition: all .5s;
	transition: all .5s
}

.banner .swiper-pagination-bullet-active:after {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1)
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
	border: none;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.23);
	color: #ccc;
	text-align: center;
	line-height: .4rem;
	margin: auto;
	cursor: pointer;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1
}

.banner .swiper-button-prev:after,
.banner .swiper-button-next:after {
	font-size: .16rem
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
	background-color: #173b8e;
	color: #fff
}

.banner .swiper-button-next {
	left: .6rem;
	right: initial
}

.banner .line {
	content: "";
	display: block;
	width: 1px;
	height: .8rem;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner .num {
	width: 50%;
	font-family: "SourceHanSansCN-Regular";
	color: #fff;
	font-size: .16rem;
	text-align: center;
	line-height: 1;
	position: absolute;
	top: .5rem;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner .cur {
	font-size: .48rem;
	vertical-align: text-bottom
}

.banner .swiper-pagination-progressbar {
	background-color: rgba(255, 255, 255, 0.4)
}

.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #fff
}

@media screen and (max-width:1600px) {
	.banner .btns .container {
		margin-left: 30px;
		margin-right: 30px
	}
}

.ryTitle {
	text-align: left;
	line-height: 1;
	margin-bottom: .6rem;
	position: relative
}

.ryTitle .title-1 {
	color: #333;
	font-size: .4rem;
	font-weight: 700
}

.ryTitle .title-1 span {
	color: #173b8e
}

.ryTitle .title-2 {
	color: rgba(26, 96, 171, 0.08);
	font-size: .6rem;
	font-weight: 700;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 0
}

.ryTitle.alignCenter {
	text-align: center
}

.ryTitle.alignCenter .title-2 {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);text-transform: uppercase;
}

@media screen and (max-width:1280px) {
	.ryTitle .title-2 {
		font-size: .7rem
	}
}

.moreBtn {
	display: inline-block;
	color: #666 !important;
	padding-right: .1rem;
	font-size: .16rem;
	height: .36rem;
	position: relative;
	z-index: 1
}

.moreBtn:before {
	content: "";
	display: inline-block;
	width: .36rem;
	height: .36rem;
	text-align: center;
	line-height: .36rem;
	border-radius: .36rem;
	background-color: #173b8e;
	color: #fff;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.moreBtn .iconfont {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: .36rem;
	height: .36rem;
	text-align: center;
	line-height: .36rem;
	color: #fff;
	margin-right: .1rem
}

.moreBtn:hover {
	color: #fff !important
}

.moreBtn:hover:before {
	width: 100%
}

#particles-js {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}

.home-about {
	font-size: .16rem;
	color: #666;
	line-height: 2;
	padding-top: 1.2rem;
	position: relative
}

.home-about .logo-txt {
	position: absolute;
	top: .7rem;
	right: 0
}

.home-about .nr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.home-about .ryTitle {
	margin-bottom: .3rem
}

.home-about .titleBig {
	font-size: .32rem;
	color: #333;
	margin-bottom: .4rem
}

.home-about .titleBig span {
	color: #eee
}

.home-about .left {
	width: 60%;
	float: left;
	padding-right: 1rem
}

.home-about .btns {
	padding-top: .65rem
}

.home-about .right {
	width: 40%;
	float: right;
	padding-top: .5rem
}

.home-about .youshi {
	margin-top: .7rem;
	padding-top: .57rem;
	padding-bottom: .6rem;
	color: #fff;
	position: relative;
	z-index: 1
}

.home-about .youshi:before {
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	position: absolute;
	z-index: -1;
	right: -50%;
	top: 0;
	background: #173b8e url(../images/dots.png)
}

.home-about .youshi .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center
}

.home-about .youshi .list:after {
	display: none
}

.home-about .youshi li {
	padding: 0 .1rem 0 .1rem;
	width: 33.33333333%;
	float: left;
	text-align: center;
	position: relative
}

.home-about .youshi .box {
	text-align: left;
	display: inline-block;
	position: relative
}

.home-about .youshi .icon {
	width: .48rem;
	height: .48rem;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-about .youshi .num {
	
	display: inline-block;
	line-height: 1;
	font-size: .56rem;
	padding-right: .45rem;
	position: relative
}

.home-about .youshi .num .sup-1 {
	text-align: center;
	font-size: .4rem;
	display: inline-block;
	vertical-align: top
}

.home-about .youshi .num .sub-1 {
	line-height: .28rem;
	color: #fff;
	text-align: center;
	font-size: .16rem;
	position: absolute;
	bottom: 0;
	right: 0
}

.home-about .youshi .counter {
	font-size: .56rem;
	font-weight: 700;
	line-height: 1
}

.home-about .youshi .info {
	font-size: .18rem;
	line-height: .3rem
}

.home-about .videoClick {
	float: right;
	width: 100%;
	max-width: 5.55rem;
	text-align: center;
	display: block;
	position: relative;
	z-index: 9
}

.home-about .videoClick .circle {
	width: 1.92rem;
	height: 1.92rem;
	position: absolute;
	z-index: 9;
	top: -0.86rem;
	left: -0.86rem;
	-webkit-animation: rotate360 30s infinite alternate linear;
	animation: rotate360 30s infinite alternate linear
}

.home-about .videoClick .pic {
	border-top-right-radius: .4rem;
	overflow: hidden;
	position: relative
}

.home-about .videoClick .pic:after {
	content: "";
	display: block;
	padding-top: 119.81981982%
}

.home-about .videoClick .pic a {
	display: block
}

.home-about .videoClick .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-about .videoClick .title {
	font-size: .2rem;
	color: #333;
	height: .8rem;
	line-height: .8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .1rem
}

.home-about .videoClick .playBtn {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	border: .05rem rgba(115, 115, 115, 0.9) solid;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-about .videoClick .playBtn:before {
	content: '';
	display: block;
	margin: auto;
	width: 2rem;
	height: 2rem;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	border-radius: 50%;
	background: rgba(0, 70, 148, 0.8);
	opacity: 0;
	-webkit-animation: ripple 3s ease-out 0s infinite;
	animation: ripple 3s ease-out 0s infinite
}

.home-about .videoClick .playBtn:after {
	content: '';
	display: block;
	margin: auto;
	width: 2rem;
	height: 2rem;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	border-radius: 50%;
	background: rgba(0, 70, 148, 0.8);
	opacity: 0;
	-webkit-animation: ripple 3s ease-out 2s infinite;
	animation: ripple 3s ease-out 2s infinite
}

.home-about .videoClick .playBtn span {
	display: block;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: #173b8e;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-about .videoClick .playBtn span:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .12rem 0 .12rem .2rem;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-about .videoClick:hover .pic img {
	opacity: .9;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.home-about .videoClick:hover .title {
	color: #173b8e
}

.home-about .videoClick:hover .playBtn {
	border-color: rgba(255, 255, 255, 0.2)
}

@media screen and (max-width:1280px) {
	.home-about .btns {
		padding-top: .4rem
	}
}

.home-product {
	padding-top: 1.4rem;
	padding-bottom: 1rem;
	position: relative;
	color: #666;
	font-size: .16rem;
	line-height: 2;
	border-bottom: 1px solid #eeeeee;
}

.home-product .container {
	position: relative
}

.home-product .hd {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0
}

.home-product .ryTitle {
	margin-bottom: .5rem
}

.home-product .menuTabs {
	text-align: right;
	font-size: 0
}

.home-product .menuTabs li {
	text-align: center;
	padding: 0 .1rem;
	display: inline-block;
	position: relative
}

.home-product .menuTabs .box {
	border-radius: .4rem;
	border: 1px #eee solid;
	font-size: .16rem;
	color: #333;
	padding: 0 .25rem;
	cursor: pointer
}

.home-product .menuTabs .title {
	height: .4rem;
	line-height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.home-product .menuTabs .box:hover {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.home-product .menuTabs .active .box {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.home-product .conTabs {
	margin-top: .25rem;
	overflow: hidden;
	position: relative
}

.home-product .conTabs .item {
	display: none
}

.home-product .conTabs .item.show {
	display: block
}

.home-product .conTabs .left {
	width: 40%;
	float: left;
	margin-top: 1.4rem
}

.home-product .conTabs .right {
	width: 60%;
	float: left
}

.home-product .conTabs .pic {
	width: 6rem;
	height: 5rem;
	/* margin: auto; */
	position: relative;
	text-align: right;
	float: right;
}

.home-product .conTabs .circle {
	width:6rem;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0
}

.home-product .conTabs .circle-1 {
	-webkit-animation: rotate360 30s infinite alternate linear;
	animation: rotate360 30s infinite alternate linear
}

.home-product .conTabs .text {
	padding: .4rem 0 0 0
}

.home-product .conTabs .title-1 {
	color: #333;
	font-size: .28rem;
	margin-bottom: .1rem
}

.home-product .conTabs .title-1 span {
	color: #173b8e;
	font-weight: 700;
	font-size: .32rem
}

.home-product .conTabs .info-1 {
	padding-bottom: .2rem;
	line-height: 1.75
}

.home-product .conTabs .p-1 {
	padding-left: .15rem;
	position: relative
}

.home-product .conTabs .p-1:before {
	content: "";
	display: inline-block;
	width: .05rem;
	height: .05rem;
	border-radius: 50%;
	background: #173b8e;
	position: absolute;
	top: .12rem;
	left: 0
}

.home-product .conTabs .btns {
	padding-top: .6rem
}

.home-product .conTabs .num {
	width: 50%;
	font-family: "SourceHanSansCN-Regular";
	color: #999;
	font-size: .2rem;
	line-height: 1
}

.home-product .conTabs .cur {
	color: #173b8e;
	font-size: .36rem;
	vertical-align: baseline;
	margin-right: .05rem
}

.home-product .conTabs .swiper-pagination-progressbar {
	background-color: rgba(255, 255, 255, 0.4)
}

.home-product .conTabs .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #fff
}

.home-product .prevNextBtns {
	width: 60%;
	position: absolute;
	top: 50%;
	right: 0
}

.home-product .swiper-button-prev,
.home-product .swiper-button-next {
	border: none;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	border: 1px #dcdcdc solid;
	background-color: transparent;
	color: #999;
	text-align: center;
	line-height: .4rem;
	margin: auto;
	cursor: pointer;
	position: absolute;
	z-index: 1
}

.home-product .swiper-button-prev:after,
.home-product .swiper-button-next:after {
	font-size: .16rem
}

.home-product .swiper-button-prev:hover,
.home-product .swiper-button-next:hover {
	background-color: #173b8e;
	color: #fff
}

.home-product .swiper-button-prev {
	left: 0
}

.home-product .swiper-button-next {
	right: 0
}

@media screen and (max-width:1600px) {
	.home-product .hd {
		left: .3rem
	}
}

.home-news {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 1.2rem;
	padding-bottom: .6rem
}

.listNews {
	margin-left: -0.2rem;
	margin-right: -20px;
	position: relative
}

.listNews li {
	width: 33.33333333%;
	float: left;
	padding: 0 .2rem .4rem .2rem
}

.listNews .box {
	border: 1px #eee solid;
	overflow: hidden;
	background-color: #fff;
	display: block;
	-webkit-transition: all .5s;
	transition: all .5s;
	margin: auto
}

.listNews .pic {
	position: relative
}

.listNews .pic>span {
	overflow: hidden;
	display: block;
	position: relative
}

.listNews .pic>span:after {
	content: "";
	display: block;
	padding-top: 66.66666667%
}

.listNews .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.listNews .date {
	min-width: 1.3rem;
	line-height: .32rem;
	padding: 0 .15rem;
	background-color: #173b8e;
	color: #fff;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0
}

.listNews .date .icon {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: .28rem;
	height: .28rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -0.14rem
}

.listNews .date .day {
	font-size: .24rem
}

.listNews .text {
	padding: .2rem .3rem .2rem .3rem
}

.listNews .title {
	display: block;
	color: #333;
	font-size: .2rem;
	line-height: .36rem;
	height: .36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .5s;
	transition: all .5s;
	margin-bottom: .05rem
}

.listNews .info {
	color: #666;
	font-size: .16rem;
	line-height: .28rem;
	height: .56rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: .2rem
}

.listNews .view-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: .16rem;
	color: #666
}

.listNews .view-btn .iconfont {
	margin-left: .1rem
}

.listNews .view {
	font-size: .14rem;
	color: #999
}

.listNews .view .iconfont {
	margin-right: .05rem
}

.listNews .box:hover {
	-webkit-box-shadow: 0 0 .2rem 0 rgba(26, 96, 171, 0.1);
	box-shadow: 0 0 .2rem 0 rgba(26, 96, 171, 0.1)
}

.listNews .box:hover .title {
	color: #173b8e
}

.listNews .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.listNews .box:hover .btn {
	color: #173b8e
}

.listNews-2 {
	margin-left: -0.2rem;
	margin-right: -20px;
	position: relative
}

.listNews-2 li {
	
	padding: 0 .2rem .4rem .2rem
}

.listNews-2 .box {
	padding: .3rem .3rem .6rem .3rem;
	border: 1px #eee solid;
	overflow: hidden;
	background-color: #fff;
	display: block;
	-webkit-transition: all .5s;
	transition: all .5s;
	margin: auto
}

.listNews-2 .pic {
	margin-bottom: .2rem;
	position: relative
}

.listNews-2 .pic>span {
	overflow: hidden;
	display: block;
	position: relative
}

.listNews-2 .pic>span:after {
	content: "";
	display: block;
	padding-top: 66.66666667%
}

.listNews-2 .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.listNews-2 .date {
	min-width: 1.3rem;
	line-height: .32rem;
	padding: 0 .15rem;
	background-color: #173b8e;
	color: #fff;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0
}

.listNews-2 .date .icon {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: .28rem;
	height: .28rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -0.14rem
}

.listNews-2 .date .day {
	font-size: .24rem
}

.listNews-2 .title {
	display: block;
	color: #333;
	font-size: .2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s;
	transition: all .5s;
	margin-bottom: .2rem
}

.listNews-2 .info {
	color: #666;
	font-size: .16rem;
	line-height: .28rem;
	height: .56rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: .1rem
}
.listNews-2 .data{
	margin-bottom: .2rem
}

.listNews-2 .view-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: .16rem;
	color: #666
}

.listNews-2 .view-btn .iconfont {
	margin-left: .1rem
}

.listNews-2 .view {
	font-size: .14rem;
	color: #999
}

.listNews-2 .view .iconfont {
	margin-right: .05rem
}

.listNews-2 .more span {
	display: inline-block;
	min-width: 1.5rem;
	line-height: .48rem;
	padding: 0 .1rem;
	text-align: center;
	border-radius: .5rem;
	border: 1px #ddd solid;
	color: #666
}

.listNews-2 .box:hover {
	-webkit-box-shadow: 0 0 .2rem 0 rgba(26, 96, 171, 0.1);
	box-shadow: 0 0 .2rem 0 rgba(26, 96, 171, 0.1)
}

.listNews-2 .box:hover .title {
	color: #173b8e
}

.listNews-2 .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.listNews-2 .box:hover .more span {
	background-color: #173b8e;
	border-color: #173b8e;
	color: #fff
}

.listNews-3 .box {
	display: block;
	padding: .4rem;
	position: relative;
	background-color: #fff
}

.listNews-3 .box:after {
	content: '';
	display: block;
	clear: both
}

.listNews-3 .pic {
	width: 50%;
	float: left;
	position: relative
}

.listNews-3 .pic span {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.listNews-3 .pic span:after {
	content: '';
	display: block;
	padding-top: 66.66666667%
}

.listNews-3 .pic span img {
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.listNews-3 .text {
	width: 50%;
	float: left;
	padding-top: .8rem;
	padding-left: .6rem;
	padding-right: .6rem
}

.listNews-3 .date {
	color: #173b8e;
	font-size: .16rem;
	line-height: 1;
	font-weight: 700;
	margin-bottom: .2rem;
	position: relative
}

.listNews-3 .date .day {
	font-style: initial;
	font-size: .48rem
}

.listNews-3 .title {
	font-weight: 700;
	font-size: .24rem;
	color: #333;
	text-transform: uppercase;
	height: .4rem;
	line-height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .2rem
}

.listNews-3 .info {
	color: #666;
	font-size: .16rem;
	height: .64rem;
	line-height: .32rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: .4rem
}

.listNews-3 .btns {
	text-align: left
}

.listNews-3 .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.listNews-3 .box:hover .title {
	color: #173b8e
}

.listNews-3 .box:hover .date:after {
	width: 100%;
	background: #173b8e
}

.news {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.news .hd {
	margin-bottom: .8rem;
	position: relative
}

.news .hd .container {
	position: relative
}

.news .hd .swiper-container {
	position: relative;
	-webkit-box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, 0.1)
}

.news .hd .swiper-pagination {
	text-align: center;
	position: absolute;
	top: 50%;
	right: .4rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.news .hd .swiper-pagination-bullet {
	display: block;
	opacity: 1;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.1);
	margin: .05rem 0
}

.news .hd .swiper-pagination-bullet-active {
	opacity: 1;
	background: #173b8e
}

.news .hd .swiper-button-next,
.news .hd .swiper-button-prev {
	margin-top: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background: none;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: 50%;
	border: 1px #ccc solid;
	cursor: pointer;
	text-align: center;
	z-index: 999999;
	color: #ddd;
	font-size: .2rem
}

.news .hd .swiper-button-next:after,
.news .hd .swiper-button-prev:after {
	display: none
}

.news .hd .swiper-button-next:hover,
.news .hd .swiper-button-prev:hover {
	border: 1px #173b8e solid;
	background: #173b8e;
	color: #fff
}

.news .hd .swiper-button-next:hover svg,
.news .hd .swiper-button-prev:hover svg {
	fill: #fff !important
}

.news .hd .swiper-button-prev {
	left: -0.2rem
}

.news .hd .swiper-button-next {
	right: -0.2rem
}

.news .page {
	padding-top: .2rem
}

.footer {
	background: #000;
	background-size: cover;
	color: #fff;
	position: relative;
	z-index: 9
}

.footer .hd {
	padding-top: .15rem;
	padding-bottom: .15rem;
	border-bottom: 1px rgba(255, 255, 255, 0.1) solid
}

.footer .hd:after {
	content: '';
	display: block;
	clear: both
}

.footer .hd .logo {
	height: .6rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	z-index: 1;
	float: left;
	-webkit-transition: all .5s;
	transition: all .5s
}

.footer .hd .logo img {
	position: relative
}

.footer .hd .logo .line {
	display: inline-block;
	margin: 0 .1rem;
	width: 1px;
	height: .53rem;
	background-color: #fff;
	position: relative
}

.footer .hd .logo .line:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: -2px;
	margin-top: -2px
}

.footer .hd .logo .txt-1 {
	color: #fff;
	font-weight: 700;
	font-size: .21rem;
	display: block;
	line-height: .3rem
}

.footer .hd .logo .txt-2 {
	font-family: "SourceHanSansCN-Regular";
	line-height: .3rem;
	font-size: .13rem;
	display: block;
	position: relative
}

.footer .hd .logo:hover {
	text-decoration: none
}

.footer .hd .socialMedia {
	line-height: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	float: right;
	margin-top: .1rem
}

.footer .hd .socialMedia a {
	display: inline-block;
	opacity: .5;
	margin-left: .15rem;
	text-decoration: none;
	position: relative
}

.footer .hd .socialMedia a:hover {
	color: #fff;
	opacity: 1
}

.footer .hd .socialMedia a:hover .open {
	display: block
}

.footer .hd .socialMedia .iconfont {
	font-size: .36rem
}

.footer .hd .socialMedia .open {
	display: none;
	padding-bottom: 15px;
	position: absolute;
	z-index: 999;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.footer .hd .socialMedia .open .openCon {
	cursor: initial;
	background: #142024;
	border: 1px #343638 solid;
	min-width: 106px;
	padding: 4px 4px 4px 4px;
	text-align: center;
	color: #666;
	font-size: 14px;
	position: relative
}

.footer .hd .socialMedia .open .openCon:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #555;
	border-right: 1px #555 solid;
	border-bottom: 1px #555 solid;
	position: absolute;
	z-index: -1;
	bottom: -6px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg)
}

.footer .hd .socialMedia .open img {
	max-width: 100px;
	vertical-align: middle
}

.footer a {
	color: #fff
}

.footer a:hover {
	color: #fff;
	text-decoration: underline
}

.footer .contact-menu {
	padding-top: .6rem;
	padding-bottom: .6rem;
	overflow: hidden
}

.footer .ewm {
	float: left;
	width: 1.2rem;
	text-align: center;
	line-height: .5rem;
	font-size: .14rem;
	color: #fff
}

.footer .ewm .pic {
	padding: .08rem;
	background-color: rgba(255, 255, 255, 0.09);
	border: 1px rgba(255, 255, 255, 0.3) solid
}

.footer .ewm .title {
	line-height: .4rem
}

.footer .footer-contact {
	font-size: .15rem;
	width: 35%;
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: .2rem;
	color: rgba(255, 255, 255, 0.6)
}

.footer .footer-contact a {
	color: rgba(255, 255, 255, 0.6)
}

.footer .footer-contact a:hover {
	color: #fff
}

.footer .footer-contact .lxfs {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: .2rem
}

.footer .footer-contact .tel {
	padding-right: .6rem;
	margin-bottom: .05rem;
	position: relative
}

.footer .footer-contact .tel .icon {
	display: block;
	width: .44rem;
	height: .44rem;
	text-align: center;
	line-height: .44rem;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0
}

.footer .footer-contact .p-1 {
	font-size: .15rem;
	line-height: 1
}

.footer .footer-contact .p-2 {
	font-size: .2rem;
	color: #fff;padding-bottom: 20px;
}

.footer .footer-contact .p-2 a {
	color: #fff
}

.footer .footer-contact .p-3 {
	line-height: .24rem;
	margin-bottom: .08rem;
	position: relative
}

.footer .footer-contact .p-3 .icon {
	width: .2rem;
	height: .2rem;
	display: block;
	position: absolute;
	top: .02rem;
	right: .12rem
}

.footer .footer-contact .p-3:last-child {
	margin-bottom: 0
}

.footer .menu {
	width: 65%;
	float: left
}

.footer .menu dl:nth-child(2) {
	width: 380px;
}
.footer .menu dl:nth-child(2) ul li{
	width: 50%;
	float: left;
}




.footer .item {
	float: left;
	padding-right: .4rem;
	position: relative
}

.footer .item>.title {
	height: .4rem;
	line-height: .4rem;
	font-size: .16rem;
	margin-bottom: .15rem;
	font-weight: 700
}

.footer .child {
	position: relative;
	min-height: 150px
}

.footer .child a {
	color: rgba(255, 255, 255, 0.7);
	display: block;
	font-size: .14rem;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.footer .child a:hover {
	margin-left: .1rem;
	color: #fff;
	text-decoration: underline
}

.footer .child a .title {
	height: .36rem;
	line-height: .36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%
}

@media (max-width:1280px) {
	.footer .ewm {
		margin-right: 0;
		width: 1.3rem
	}
}

.copyright {
	border-top: 1px rgba(255, 255, 255, 0.1) solid;
	color: rgba(255, 255, 255, 0.4);
	font-size: .14rem;
	line-height: .3rem;
	padding: .2rem 0;
	text-align: center;
	position: relative
}

.copyright a {
	color: rgba(255, 255, 255, 0.4)
}

.copyright a:hover {
	color: #fff;
	text-decoration: underline
}

.copyright .a-1 {
	margin: 0 .1rem
}

.floatRight .box {
	display: block;
	cursor: pointer;
	position: fixed;
	z-index: 999;
	bottom: 50px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	border: 1px #fff solid;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	color: #fff
}

.floatRight .box:hover {
	background: #173b8e;
	color: #fff
}

.floatRight .iconfont {
	font-size: 20px
}

.inside-banner {
	position: relative
}

.inside-banner .middleCenter {
	position: static
}

.inside-banner .pic {
	position: relative
}

.inside-banner .pic:after {
	content: "";
	display: block
}

.inside-banner .pic img {
	width: 100%;
	position: static
}

.inside-banner .mobile {
	display: none;
	position: relative
}

.inside-banner .mobile:after {
	content: "";
	display: block
}

.inside-banner .text {
	width: 100%;
	color: #fff;
	text-align: left;
	position: absolute;
	z-index: 9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.inside-banner .title-1 {
	font-size: .4rem;
	font-weight: 700;
	position: relative
}

.inside-banner .title-2 {
	color: rgba(255, 255, 255, 0.7);
	font-size: .2rem
}

.inside-banner .bread {
	color: rgba(255, 255, 255, 0.7);
	/* text-align: right; */
	width: 100%;
	position: absolute;
	left: 0;
	bottom: .5rem
}

.inside-banner .bread .container {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.inside-banner .bread .icon {
	opacity: .7
}

.inside-banner .bread a {
	color: rgba(255, 255, 255, 0.7)
}

.inside-banner .bread a:hover {
	color: #fff
}

.inside-banner .bread span {
	color: #fff
}

.bread {
	font-weight: 400;
	font-size: .14rem;
	text-align: left;
	padding: .1rem 0;
	line-height: .3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	color: #999
}

.bread .container {
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center */
}

.bread .icon {
	display: inline-block;
	width: .2rem;
	height: .2rem;
	margin-right: .05rem
}

.bread a {
	margin: 0 .05rem;
	color: #999
}

.bread a:hover {
	color: #333;
	text-decoration: underline
}

.bread span {
	margin: 0 .05rem;
	color: #173b8e
}

.menuSub {
	width: 100%;
	margin-top: -0.5rem;
	position: relative;
	z-index: 9
}

.menuSub .list {
	background-color: #fff;
	-webkit-box-shadow: 0 0 .1rem 0 rgba(26, 96, 171, 0.13);
	box-shadow: 0 0 .1rem 0 rgba(26, 96, 171, 0.13);
	text-align: center;
	font-size: 0
}

.menuSub .list li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	position: relative
}

.menuSub .list li:after {
	content: '';
	display: block;
	width: 1px;
	height: .18rem;
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.menuSub .list li .box {
	color: #333;
	font-size: .18rem;
	display: block;
	vertical-align: top;
	max-width: 100%;
	padding: 0 .2rem;
	position: relative
}

.menuSub .list li .box .title {
	line-height: 1rem;
	height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.menuSub .list li .box:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #173b8e;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.menuSub .list li .box:hover {
	color: #173b8e
}

.menuSub .list li .box:hover:after {
	width: 100%
}

.menuSub .list li:last-child:after {
	display: none
}

.menuSub .list li.active .box {
	color: #173b8e
}

.menuSub .list li.active .box:after {
	width: 100%
}

.menuSub .list .col-2 {
	width: 50%
}

.menuSub .list .col-3 {
	width: 33.33333333%
}

.menuSub .list .col-4 {
	width: 25%
}

.menuSub .list .col-5 {
	width: 20%
}

.menuSub .list .col-6 {
	width: 16.66666667%
}

.inside {
	background-color: #f2f6fa
}

.about {
	color: #666;
	font-size: .16rem;
	line-height: 2;
	padding-top: .8rem;
	padding-bottom: 1rem;
	position: relative
}

.about .nr {
	position: relative
}

.about .nr:after {
	content: "";
	display: block;
	clear: both
}

.about .left {
	width: 55%;
	float: left
}

.about .right {
	padding-left: 2rem;
	width: 45%;
	float: left
}

.about .right .name {
	width: 5.2rem;
	height: 2.6rem
}

.about .youshi {
	padding-bottom: .5rem
}



.about .usleft{
	width: 40%;
	float: left;
	padding-top: 20px;
}
.about .usleft p{
	padding-bottom: 6px;
}
.about .usleft h4{
	color: #333;
	font-size: .3rem;
	font-weight: 700;
	padding-bottom: 20px;
}
.about .usright{
	width: 60%;
	float: left
}

.about .youshi .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center
}

.about .youshi .list:after {
	display: none
}

.about .youshi li {
	width: 100%;
	border-bottom: 1px #e5e5e5 solid;
	padding: .5rem 0 .5rem 0;
	text-align: left;
	font-size: .16rem;
	position: relative
}

.about .youshi li:last-child {
	border: none
}

.about .youshi .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	position: relative
}

.about .youshi .icon {
	width: .48rem;
	height: .48rem;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0
}

.about .youshi .num {
	display: inline-block;
	font-family: "SourceHanSansCN-Regular";
	line-height: 1;
	color: #173b8e;
	padding-right: .05rem;
	position: relative
}

.about .youshi .num .sup-1 {
	width: .2rem;
	text-align: center;
	font-size: .16rem;
	position: absolute;
	top: .05rem;
	right: 0
}

.about .youshi .num .sub-1 {
	white-space: nowrap;
	color: #666;
	text-align: center;
	font-size: .16rem;
	position: absolute;
	bottom: .05rem;
	left: 100%
}

.about .youshi .counter {
	font-size: .56rem;
	font-weight: 700;
	line-height: 1
}

.about .youshi .title {
	font-size: .18rem
}

.about .youshi .info {
	color: #333;
	font-size: .18rem;
	min-width: 2rem;
	text-align: right;
	float: right
}

.fwwl {
	padding-top: 1.3rem;
	padding-bottom: 1rem;
	color: #666;
	font-size: .16rem;
	line-height: 2
}

.fwwl .left {
	width: 67%;
	float: left
}

.fwwl .right {
	width: 33%;
	float: left;
	padding-top: .3rem;
	padding-left: .6rem
}

.fwwl .list li {
	padding-bottom: .6rem
}

.fwwl .list li:last-child {
	padding-bottom: 0
}

.fwwl .list .box {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.fwwl .list .icon {
	display: block;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: #173b8e;
	position: relative
}

.fwwl .list .icon:before {
	content: "";
	display: block;
	width: .74rem;
	height: .74rem;
	border-radius: 50%;
	border: 1px #fff dashed;
	position: absolute;
	top: .03rem;
	left: .03rem
}

.fwwl .list .title {
	font-weight: 700;
	font-size: .24rem;
	color: #333;
	line-height: 1.5
}

.fwwl .list .text {
	padding-left: .2rem
}

.fwwl .biaozhu {
	min-width: 1.4rem;
	padding: .1rem .2rem;
	z-index: 9;
	border: 1px #173b8e dashed;
	font-size: .16rem;
	color: #333;
	position: absolute;
	top: 3.07rem;
	right: .09rem
}

.fwwl .biaozhu .p-1 {
	position: relative;
	padding-left: .2rem
}

.fwwl .biaozhu .icon {
	display: inline-block;
	width: .16rem;
	height: .16rem;
	margin-right: .1rem;
	position: absolute;
	top: .08rem;
	left: 0
}

.fwwl .biaozhu .icon:after {
	content: "";
	display: block;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background-color: #173b8e;
	position: absolute;
	top: .03rem;
	left: 0
}

.fwwl .biaozhu .icon-1:after {
	display: none
}

.fwwl .biaozhu .icon-2::after {
	background-color: #f00
}

.fwwl .map-2 {
	width: 9.55rem;
	height: 6.85rem;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.fwwl .map-2 .dalian {
	top: 2.52rem;
	left: 6.67rem
}

.fwwl .map-2 .dalian .name {
	left: .25rem;
	bottom: -0.15rem
}

.fwwl .map-2 .wuhan {
	top: 4.4rem;
	left: 5.63rem
}

.fwwl .map-2 .wuhan .name {
	left: initial;
	right: .25rem;
	bottom: -0.1rem
}

.fwwl .map-2 .hefei {
	top: 4.26rem;
	left: 6.25rem
}

.fwwl .map-2 .hefei .name {
	left: initial;
	right: .25rem;
	bottom: -0.1rem
}

.fwwl .map-2 .wuxi {
	top: 4.16rem;
	left: 6.59rem
}

.fwwl .map-2 .wuxi .name {
	bottom: initial;
	bottom: .15rem
}

.fwwl .map-2 .shanghai {
	top: 4.24rem;
	left: 6.9rem
}

.fwwl .map-2 .shanghai .name {
	left: .12rem;
	bottom: -0.03rem
}

.fwwl .map-2 .shenzhen {
	top: 5.9rem;
	left: 5.68rem
}

.fwwl .area {
	font-size: .12rem;
	cursor: pointer;
	text-align: center;
	width: .1rem;
	height: .1rem;
	position: absolute;
	z-index: 998
}

.fwwl .area .dot {
	display: block;
	z-index: 1;
	position: relative;
	width: .08rem;
	height: .08rem;
	margin: auto;
	border-radius: 50%;
	background-color: #173b8e
}

.fwwl .area .dot:before {
	content: '';
	display: block;
	width: .16rem;
	height: .16rem;
	border-radius: 50%;
	border: 1px #173b8e dashed;
	margin: auto;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.fwwl .area .dot:after {
	content: '';
	display: block;
	width: .24rem;
	height: .24rem;
	border-radius: 50%;
	border: 1px #173b8e dashed;
	margin: auto;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0
}

.fwwl .area .dot.dot-2 {
	background-color: #f00
}

.fwwl .area .circle {
	width: .4rem;
	height: .4rem;
	display: block;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	background: transparent
}

.fwwl .area .circle:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px #173b8e solid;
	opacity: 0;
	-webkit-animation: ripple 3s ease-out 0s infinite;
	animation: ripple 3s ease-out 0s infinite
}

.fwwl .area .circle:before {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px #173b8e solid;
	opacity: 0;
	-webkit-animation: ripple 4s ease-out 1s infinite;
	animation: ripple 4s ease-out 1s infinite
}

.fwwl .area .name {
	color: #333;
	line-height: .3rem;
	font-size: .16rem;
	width: auto;
	display: block;
	white-space: nowrap;
	position: absolute;
	bottom: -0.4rem;
	left: -0.1rem
}

.fwwl .area .icon {
	width: .16rem;
	height: .16rem;
	position: absolute;
	top: -0.05rem;
	left: -0.03rem
}

.fwwl .area .icon img {
	vertical-align: top
}

.fwwl .area:hover {
	z-index: 999
}

.fwwl .area:hover .item {
	display: block
}

.fwwl .area.active {
	z-index: 999
}

.fwwl .area.active .item {
	display: block
}

.history {
	padding-top: 1rem
}

.history .menuTabs {
	text-align: center;
	margin-left: .56rem;
	margin-right: .56rem;
	border-bottom: 1px #ccc dotted;
	position: relative
}

.history .menuTabs li {
	width: 25%;
	text-align: center;
	float: left;
	background: url(../images/line.png) repeat-x left bottom;
	padding-bottom: .36rem;
	position: relative
}

.history .menuTabs li:after {
	content: "";
	display: block;
	width: 2px;
	height: .16rem;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	left: 50%
}

.history .menuTabs .swiper-slide-thumb-active:after {
	background-color: #173b8e
}

.history .menuTabs .swiper-slide-thumb-active .box {
	background-color: #173b8e;
	border-color: #173b8e;
	color: #fff
}

.history .menuTabs .box {
	max-width: 100%;
	padding: 0 .1rem;
	min-width: 2.2rem;
	text-align: center;
	display: inline-block;
	line-height: .6rem;
	border: 1px #eee solid;
	border-radius: .6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer
}

.history .menuTabs .box:hover {
	background-color: #173b8e;
	border-color: #173b8e;
	color: #fff
}

.history .menuTabs .swiper-button-prev,
.history .menuTabs .swiper-button-next {
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	color: #999;
	background-color: #fff;
	border: 1px #dcdcdc solid;
	top: initial;
	bottom: -0.28rem
}

.history .menuTabs .swiper-button-prev::after,
.history .menuTabs .swiper-button-next::after {
	font-size: .18rem
}

.history .menuTabs .swiper-button-prev:hover,
.history .menuTabs .swiper-button-next:hover {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.history .menuTabs .swiper-button-prev {
	left: -0.56rem
}

.history .menuTabs .swiper-button-next {
	right: -0.56rem
}

.history .conTabs {
	padding: 0 .2rem
}

.history .left {
	width: 35%;
	float: left;
	margin-top: .5rem;
	height: 6rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.history .list-pic {
	width: 100%;
	max-width: 3.8rem
}

.history .list-pic li {
	display: none
}

.history .list-pic li.show {
	display: block
}

.history .list-pic li.show .box {
	-webkit-animation: .5s ease scale;
	animation: .5s ease scale
}

.history .list-pic .box {
	display: block
}

.history .list-pic .pic {
	display: block;
	position: relative
}

.history .list-pic .pic:after {
	content: "";
	display: block;
	padding-top: 71.05263158%
}

.history .right {
	width: 65%;
	float: right;
	padding: .5rem 0;
	position: relative
}

.history .right:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #e5e5e5;
	position: absolute;
	top: 0;
	left: 6px
}

.history .list-text {
	height: 6rem;
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: #173b8e #e5e5e5
}

.history .list-text::-webkit-scrollbar {
	width: 2px
}

.history .list-text::-webkit-scrollbar-track {
	background: #e5e5e5
}

.history .list-text::-webkit-scrollbar-thumb {
	background: #173b8e
}

.history .list-text::-webkit-scrollbar-thumb:hover {
	background: #173b8e
}

.history .list-text li {
	position: relative
}

.history .list-text li:before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px #e5e5e5 solid;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.history .list-text li:after {
	content: "";
	display: block;
	width: 35px;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	z-index: 0;
	top: 50%
}

.history .list-text .box {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	padding: .3rem 0
}

.history .list-text .box:hover .year {
	font-size: .32rem;
	color: #173b8e
}

.history .list-text .year {
	color: #333;
	height: .4rem;
	line-height: .4rem;
	font-size: .2rem;
	width: 20%;
	float: left;
	padding-left: .5rem;
	-webkit-transition: all .5s;
	transition: all .5s
}

.history .list-text .info {
	width: 80%;
	padding-left: .3rem;
	float: left
}

.history .list-text .info-2 {
	width: 40%;
	float: left
}

.history .list-text .p-1 {
	color: #333;
	padding-left: .2rem;
	position: relative
}

.history .list-text .p-1 .icon {
	display: inline-block;
	width: .05rem;
	height: .05rem;
	background-color: #173b8e;
	position: absolute;
	top: .1rem;
	left: 0
}

.history .list-text .active .year {
	font-size: .32rem;
	color: #173b8e
}

.philosophy {
	overflow: hidden;
	padding-top: 1rem
}

.philosophy .part-1 {
	overflow: hidden;
	padding-bottom: 1.3rem
}

.philosophy .part-1 .pic {
	display: inline-block;
	position: relative
}

.philosophy .part-1 .pic:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 96, 171, 0.3);
	position: absolute;
	z-index: -1;
	top: .3rem;
	left: .3rem
}

.philosophy .left {
	width: 45%;
	float: left
}

.philosophy .icon {
	width: .9rem;
	height: .9rem;
	margin-bottom: .5rem
}

.philosophy .right {
	width: 55%;
	float: left;
	padding-left: .6rem
}

.philosophy .p-1 {
	font-size: .18rem;
	padding-bottom: .1rem
}

.philosophy .p-2 {
	color: #666;
	font-size: .14rem
}

.philosophy .part-2 {
	color: #fff;
	position: relative
}

.philosophy .part-2 .pic img {
	max-width: initial;
	max-height: initial
}

.philosophy .part-2 .text {
	width: 50%;
	padding-top: .8rem;
	padding-bottom: 1.4rem;
	padding-right: 1rem;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0
}

.philosophy .part-2 .text:before {
	content: "";
	display: block;
	width: 100vw;
	height: 100%;
	background-color: rgba(26, 96, 171, 0.96);
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0
}

.philosophy .part-2 .ryTitle {
	color: #fff
}

.philosophy .part-2 .ryTitle .title-1 {
	color: #fff
}

.philosophy .part-2 .ryTitle .title-2 {
	color: rgba(255, 255, 255, 0.08)
}

.philosophy .part-2 .p-2 {
	color: #fff
}

.philosophy .jieshao {
	position: relative;
	padding-bottom: .4rem
}

.philosophy .swiper-pagination {
	bottom: 0;
	font-size: 0
}

.philosophy .swiper-pagination-bullet {
	background-color: #fff;
	margin-right: .1rem
}

.brand {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #666;
	font-size: .16rem;
	line-height: 2
}

.brand .nr {
	padding: .8rem .6rem
}

.brand .text {
	color: #333;
	font-size: .28rem;
	font-weight: 700
}

.brand .icon {
	width: .9rem;
	height: .9rem
}

.brand .ppxy {
	margin-top: .2rem;
	max-width: 6.2rem;
	max-height: .9rem
}

.honor {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #666;
	font-size: .16rem;
	line-height: 2
}

.honor .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .6rem
}

.honor .hd .ryTitle {
	width: 3.8rem;
	padding-right: .3rem;
	margin-bottom: 0
}

.honor .hd .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.honor .list .box {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	min-height: 1.4rem;
	padding: .1rem 0;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px #d8dce0 solid
}

.honor .list .box:hover {
	background-color: #fff;
	background-image: url(../images/honor-bg-2.jpg);
	-webkit-box-shadow: 0 0 .2rem 0 rgba(0, 78, 162, 0.15);
	box-shadow: 0 0 .2rem 0 rgba(0, 78, 162, 0.15)
}

.honor .list .box:hover .year {
	font-size: .56rem;
	color: #173b8e
}

.honor .list .year {
	color: #666;
	font-size: .2rem;
	width: 20%;
	float: left;
	padding-left: .5rem;
	-webkit-transition: all .5s;
	transition: all .5s
}

.honor .list .info {
	width: 80%;
	padding-left: .3rem;
	float: left
}

.honor .list .info-2 {
	width: 40%;
	float: left
}

.honor .list .p-1 {
	color: #333;
	padding-left: .2rem;
	position: relative
}

.honor .list .p-1 .icon {
	display: inline-block;
	width: .12rem;
	height: .12rem;
	border-radius: 50%;
	border: 1px #173b8e dashed;
	position: absolute;
	top: .1rem;
	left: 0
}

.honor .list .p-1 .icon:before {
	content: "";
	display: block;
	width: .06rem;
	height: .06rem;
	border-radius: 50%;
	background-color: #173b8e;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.speech {
	padding-top: 1.3rem;
	padding-bottom: 1rem;
	position: relative
}

.speech .bg {
	width: 31.25%;
	height: calc(100% + 50rem/100);
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(#2d78c9), to(#173b8e));
	background: linear-gradient(#2d78c9, #173b8e);
	position: absolute;
	top: -0.5rem;
	left: 0
}

.speech .bg img {
	max-width: 1.7rem;
	max-height: 7.6rem
}

.speech .left {
	width: 50%;
	float: left;
	padding-right: .3rem
}

.speech .right {
	width: 50%;
	float: left;
	padding-left: .4rem
}

.speech .pic {
	position: relative
}

.speech .pic .icon {
	width: 1.02rem;
	height: .94rem;
	position: absolute;
	top: -0.5rem;
	right: .5rem
}

.speech .qm {
	padding-top: .9rem;
	text-align: right
}

.speech .qm span {
	display: inline-block;
	height: .64rem;
	line-height: .64rem;
	position: relative
}

.speech .qm span:before {
	content: "";
	display: inline-block;
	width: .9rem;
	height: 2px;
	background-color: #173b8e;
	vertical-align: middle;
	margin-right: .1rem
}

.product {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.product .page {
	padding-top: .2rem
}

.listProduct {
	margin-right: -0.2rem
}

.listProduct li {
	width: 33.33333333%;
	float: left;
	padding: 0 .2rem .4rem .2rem
}

.listProduct .box {
	display: block;
	text-align: center;
	background-size: cover;
	border: 1px #ececec solid;
	padding-bottom: .85rem;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.listProduct .pic {
	max-width: 4rem;
	margin: auto;
	overflow: hidden;
	position: relative
}

.listProduct .pic:after {
	content: "";
	display: block;
	padding-top: 100%
}

.listProduct .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.listProduct .text {
	width: 100%;
	padding: .2rem .2rem;
	position: absolute;
	z-index: 9;
	bottom: 0;
	
}

.listProduct .title {
	text-align: center;
	color: #333;
	font-size: .2rem;
	height: .4rem;
	line-height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .1rem
}

.listProduct .more {
	color: #173b8e;
	font-size: .16rem
}

.listProduct .more a,
.listProduct .more span {
	color: #666;
	font-size: .16rem;
	display: inline-block;
	border: 1px #ddd solid;
	line-height: .46rem;
	border-radius: .46rem;
	min-width: 1.5rem;
	padding: 0 .1rem;
	text-align: center
}

.listProduct .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.listProduct .box:hover .title {
	color: #173b8e
}

.listProduct .box:hover .more a,
.listProduct .box:hover .more span {
	color: #fff;
	border-color: #173b8e;
	background-color: #173b8e
}

.product-show {
	color: #666;
	font-size: .16rem;
	line-height: 2;
	padding-top: 1rem
}

.product-show .large {
	border: 1px #ddd solid;
	width: 85%;
	max-width: 6.02rem;
	overflow: hidden;
	float: right
}

.product-show .large .box {
	display: block;
	position: relative
}

.product-show .large .box:after {
	content: "";
	display: block;
	padding-top: 80%
}

.product-show .small {
	width: 15%;
	float: left;
	overflow: hidden;
	margin-top: -0.05rem;
	margin-bottom: -0.05rem;
	height: 4.8rem
}

.product-show .small .swiper-container {
	height: 100%
}

.product-show .small li {
	padding: .1rem 0
}

.product-show .small .box {
	max-width: 1.02rem;
	border: 1px #ddd solid;
	overflow: hidden;
	cursor: pointer;
	display: block;
	position: relative
}

.product-show .small .box img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.product-show .small .box:after {
	content: "";
	display: block;
	padding-top: 80%
}

.product-show .small .box:hover {
	border-color: #173b8e
}

.product-show .small .box:hover img {
	-webkit-transform: translate(1.1);
	transform: translate(1.1)
}

.product-show .small .box .playBtn {
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.product-show .small .box .playBtn span:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .1rem 0 .1rem .16rem;
	border-color: transparent transparent transparent #173b8e;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.product-show .small .swiper-slide-thumb-active .box {
	border-color: #173b8e
}

.product-show .hd {
	overflow: hidden;
	padding-bottom: .5rem
}

.product-show .hd .left {
	width: 50%;
	float: left
}

.product-show .hd .right {
	width: 50%;
	padding-top: .6rem;
	padding-left: .6rem;
	float: right
}

.product-show .hd .title {
	font-weight: 400;
	color: #333;
	font-size: .32rem;
	padding-bottom: .1rem;
	position: relative
}

.product-show .hd .title .icon {
	fill: #e90015;
	vertical-align: top
}

.product-show .hd .des {
	    color: #7a7a7a;
	    font-size: .16rem;
	    line-height: .36rem;
	    margin-bottom: .25rem;
}

.product-show .hd .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-show .hd .btns a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 2rem;
	line-height: .5rem;
	height: .5rem;
	text-align: center;
	font-size: .16rem;
	padding: 0 .1rem;
	border-radius: .5rem;
	background-color: #173b8e;
	-webkit-box-shadow: 0 0 0 1px #173b8e inset;
	box-shadow: 0 0 0 1px #173b8e inset;
	color: #fff;
	overflow: hidden;
	margin-right: .2rem;
	position: relative;
	z-index: 1
}

.product-show .hd .btns a .icon {
	width: .3rem;
	height: .3rem;
	max-width: .3rem;
	max-height: .3rem;
	vertical-align: middle
}

.product-show .hd .btns a:hover {
	background-color: #173b8e
}

.product-show .hd .btns .lxwmBtn {
	background-color: #ddd;
	-webkit-box-shadow: 0 0 0 1px #ddd inset;
	box-shadow: 0 0 0 1px #ddd inset;
	color: #666
}

.product-show .hd .btns .lxwmBtn:hover {
	background-color: #f1f1f1
}

.product-show .hd .btns .icon {
	max-height: .24rem;
	margin-right: .05rem
}

.product-show .bd {
	padding-top: .5rem;
	padding-bottom: 1rem;
	position: relative
}

.product-show .bd .titleBig {
	color: #333;
	border-bottom: 1px #e5e5e5 solid;
	font-size: .28rem;
	padding-bottom: .3rem;
	line-height: 1;
	margin-bottom: .2rem
}

.product-show .menuTabsH {
	height: .66rem;
	position: relative
}

.product-show .menuTabs {
	margin-bottom: .4rem
}

.product-show .menuTabs.navFix {
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0
}

.product-show .menuTabs li {
	display: inline-block;
	float: left;
	padding-right: .6rem
}

.product-show .menuTabs li a {
	display: block;
	min-width: 2.75rem;
	font-size: .18rem;
	background-color: #ddd;
	color: #333;
	line-height: .66rem;
	text-align: center;
	padding: 0 .1rem;
	border-radius: .66rem;
	border-right: 1px #ddd solid
}

.product-show .menuTabs li a:hover {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.product-show .menuTabs li a.active {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.product-show .menuTabs li.active a {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.product-show .part {
	padding-top: .4rem;
	padding-bottom: .6rem;
	position: relative
}

.product-show .part .anchor {
	padding-top: 1rem;
	width: 1px;
	height: 1px;
	position: absolute;
	top: -0.7rem;
	left: 0
}

.product-show .part:last-child {
	margin-bottom: 0
}

.product-show .part .part {
	position: relative;
	margin-bottom: .5rem
}

.product-show .part .part:last-child {
	margin-bottom: 0
}

.product-show .part .part .anchor {
	width: 1px;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0
}

.product-show .part .p-1 {
	padding-left: .2rem;
	position: relative
}

.product-show .part .p-1:before {
	content: "";
	display: block;
	width: .08rem;
	height: .08rem;
	background-color: #173b8e;
	border: 1px #173b8e solid;
	position: absolute;
	left: 0;
	top: .12rem
}

.product-show .table-1 {
	text-align: center
}

.product-show .table-1 th {
	background-color: #f4f5f7;
	font-weight: 400;
	color: #333;
	font-size: .18rem;
	line-height: .46rem
}

.product-show .table-1 tr {
	border-bottom: 1px #eaeaea solid;
	line-height: .4rem
}

@media screen and (max-width:1280px) {
	.product-show .container {
		max-width: 1050px
	}
}

.application {
	padding-top: 1rem;
	padding-bottom: .4rem
}

.application .list li {
	clear: both
}

.application .list .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #666;
	font-size: .16rem;
	line-height: 2;
	padding: .6rem;
	position: relative
}

.application .list .box:before {
	content: "";
	display: block;
	-webkit-box-shadow: 0 0 .2rem 0 rgba(26, 96, 171, 0.1);
	box-shadow: 0 0 .2rem 0 rgba(26, 96, 171, 0.1);
	width: 100%;
	height: calc(100% - 120rem/100);
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}

.application .list .text {
	width: 50%;
	float: left;
	padding-right: .6rem;
	padding-bottom: 1.2rem;
	position: relative
}

.application .list .text .mark {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .3;
	width: 1.02rem;
	height: .94rem;
	position: absolute;
	bottom: .2rem;
	right: .6rem
}

.application .list .pic {
	width: 50%;
	float: left
}

.application .list .title {
	color: #173b8e;
	font-size: .4rem;
	font-weight: 700;
	margin-bottom: .2rem
}

.application .list .icon {
	width: .8rem;
	height: .8rem;
	margin-bottom: .2rem
}

.relatedProduct {
	background-color: #f9f9f9;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: .8rem;
	padding-bottom: .6rem
}

.relatedProduct .ryTitle {
	margin-bottom: 0
}

.relatedProduct .titleBig-btns {
	position: relative
}

.relatedProduct .titleBig-btns .btns {
	width: 1.4rem;
	height: .56rem;
	position: absolute;
	top: .1rem;
	right: 0
}

.relatedProduct .swiper-button-prev,
.relatedProduct .swiper-button-next {
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	color: #999;
	border: 1px #dcdcdc solid;
	top: 0
}

.relatedProduct .swiper-button-prev::after,
.relatedProduct .swiper-button-next::after {
	font-size: .18rem
}

.relatedProduct .swiper-button-prev:hover,
.relatedProduct .swiper-button-next:hover {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.relatedProduct .swiper-button-next {
	right: 0
}

.relatedProduct .titleBig {
	color: #333;
	font-size: .32rem;
	border-bottom: 1px #e0e0e0 solid;
	line-height: 1;
	padding-bottom: .3rem;
	margin-bottom: .4rem
}

.custom {
	padding-top: 1.2rem;
	padding-bottom: 1rem
}

.custom .nr {
	padding-left: .8rem;
	padding-right: .8rem;
	position: relative
}

.custom .list li {
	display: inline-block;
	width: auto;
	width: 16.66666667%;
	float: left;
	padding: 0 .15rem
}

.custom .list .box {
	border: 1px #ddd solid;
	display: block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.custom .list .box:after {
	content: "";
	display: block;
	padding-top: 61.11111111%
}

.custom .list .box:hover {
	border-color: #173b8e
}

.custom .swiper-button-prev,
.custom .swiper-button-next {
	color: #999;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	border: 1px #dcdcdc solid
}

.custom .swiper-button-prev:after,
.custom .swiper-button-next:after {
	font-size: .18rem
}

.custom .swiper-button-prev:hover,
.custom .swiper-button-next:hover {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.custom .swiper-button-prev {
	left: 0
}

.custom .swiper-button-next {
	right: 0
}

.download {
	background-color: #f0f4f9;
	padding: 1.2rem 0 1rem 0
}

.download .list {
	margin-left: -0.13rem;
	margin-right: -0.13rem
}

.download .list li {
	width: 25%;
	padding: 0 .13rem .3rem .13rem;
	float: left
}

.download .list .box {
	border-radius: .2rem;
	display: block;
	background: url(../images/download-bg-1.png) no-repeat;
	background-size: cover;
	padding: .54rem .32rem .34rem .32rem;
	overflow: hidden
}

.download .list .box:hover {
	background: url(../images/download-bg-2.png) no-repeat;
	background-size: cover
}

.download .list .box:hover .title {
	color: #fff
}

.download .list .box:hover .size {
	color: #fff
}

.download .list .box:hover .size .icon {
	background: url(../images/file-2.png) no-repeat;
	background-size: 100%
}

.download .list .box:hover .btn {
	border-color: #fff;
	color: #fff
}

.download .list .tag {
	margin-bottom: .1rem
}

.download .list .tag span {
	background-color: #e7f3ff;
	display: inline-block;
	min-width: .9rem;
	line-height: .32rem;
	text-align: center;
	padding: 0 .1rem;
	font-size: .14rem;
	color: #666
}

.download .list .title {
	color: #333;
	font-size: .18rem;
	height: .4rem;
	line-height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .1rem
}

.download .list .size {
	color: #666;
	font-size: .14rem;
	line-height: .2rem;
	padding-left: .25rem;
	margin-bottom: .05rem;
	position: relative
}

.download .list .size .icon {
	display: inline-block;
	width: .2rem;
	height: .2rem;
	background: url(../images/file-1.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.download .list .btn {
	float: right;
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	text-align: center;
	line-height: .5rem;
	border: 1px #173b8e solid;
	color: #173b8e
}

.download .list .btn .iconfont {
	font-size: .24rem
}

.download .page {
	padding-top: .3rem
}

.video {
	padding: 1.2rem 0 1rem 0
}

.video .list {
	margin-left: -0.23rem;
	margin-right: -0.22rem
}

.video .list li {
	width: 33.33333333%;
	padding: 0 .22rem .45rem .23rem;
	float: left
}

.video .list .box {
	-webkit-box-shadow: 0 0 0 1px #ddd inset;
	box-shadow: 0 0 0 1px #ddd inset;
	background: #fff;
	display: block;
	overflow: hidden
}

.video .list .pic {
	background-color: #173b8e;
	overflow: hidden;
	position: relative
}

.video .list .pic:after {
	content: "";
	display: block;
	padding-top: 71.11111111%
}

.video .list .pic img {
	opacity: .8;
	-webkit-transition: all .5s;
	transition: all .5s
}

.video .list .text {
	color: #282828;
	font-size: .14rem;
	padding: .05rem .3rem 0 .3rem
}

.video .list .title {
	color: #333;
	font-size: .16rem;
	height: .5rem;
	line-height: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px rgba(0, 0, 0, 0.2) dotted
}

.video .list .view-date {
	color: #666;
	font-size: .14rem;
	line-height: .5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.video .list .view-date .iconfont {
	font-size: .18rem;
	margin-right: .05rem
}

.video .list .box:hover .text {
	background-color: #173b8e
}

.video .list .box:hover .title {
	color: #fff
}

.video .list .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.video .list .box:hover .view-date {
	color: #fff
}

.video .list .box:hover .btn {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.video .list .videoBox {
	cursor: pointer;
	position: relative
}

.video .list .videoBox .btn {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 1px #fff dashed;
	display: block;
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all .5s;
	transition: all .5s
}

.video .list .videoBox .btn:before {
	content: "";
	display: block;
	width: .11rem;
	height: .11rem;
	margin: auto;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	z-index: 0;
	top: .63rem;
	right: -0.02rem
}

.video .list .videoBox .btn .iconfont {
	display: block;
	font-size: .36rem;
	color: #fff;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto
}

.video .page {
	padding-top: .15rem
}

.contact {
	background-color: #f7f9fc;
	color: #666;
	font-size: .16rem;
	line-height: 2;
	padding-top: 1rem;
	padding-bottom: .6rem;
	overflow: hidden
}

.contact .inside-title {
	text-align: left
}

.contact .left {
	width: 46%;
	padding-top: .8rem;
	float: left
}

.contact .right {
	width: 54%;
	float: left
}

.contact .lxfs {
	padding-right: 1.1rem
}

.contact .lxfs .titleBig {
	margin-bottom: .6rem
}

.contact .lxfs .titleBig .title-1 {
	font-weight: 700;
	font-size: .32rem;
	line-height: 1.5;
	color: #173b8e
}

.contact .lxfs .titleBig .title-2 {
	font-size: .16rem;
	color: #999;
	font-family: "SourceHanSansCN-Regular";
	letter-spacing: .015rem
}

.contact .lxfs .title {
	font-weight: 700;
	color: #333;
	font-size: .24rem;
	margin-bottom: .05rem
}

.contact #allmap {
	width: 10.1rem;
	height: 6.1rem
}

.contact #allmap img {
	max-width: initial;
	max-height: inherit
}

.contact #allmap .anchorBL {
	display: none
}

.contact .fgs {
	padding-top: .6rem
}

.contact .fgs .list {
	margin-left: -0.22rem;
	margin-right: -0.22rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.contact .fgs .list:after {
	display: none
}

.contact .fgs .list li {
	min-height: 100%;
	width: 33.33333333%;
	float: left;
	padding: 0 .22rem .4rem .22rem
}

.contact .fgs .list .box {
	min-height: 100%;
	display: block;
	border-radius: .2rem;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0 0 .1rem 0 rgba(0, 78, 162, 0.1);
	box-shadow: 0 0 .1rem 0 rgba(0, 78, 162, 0.1)
}

.contact .fgs .list .title {
	background-color: #173b8e;
	color: #fff;
	font-size: .2rem;
	font-weight: 700;
	line-height: .4rem;
	border-top-left-radius: .2rem;
	border-top-right-radius: .2rem;
	padding: .15rem .3rem
}

.contact .fgs .list .info {
	color: #333;
	padding: .2rem .25rem .2rem .25rem
}

.contact .fgs .list .p-1 {
	padding-left: .3rem;
	position: relative
}

.contact .fgs .list .p-1 .icon {
	width: .25rem;
	height: .25rem;
	position: absolute;
	top: 0;
	left: 0
}

.select-form {
	display: inline-block;
	position: relative
}

.select-form:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #a7a7a7 transparent transparent transparent;
	border-width: 7px 4px 0 4px;
	position: absolute;
	right: .15rem;
	top: 50%;
	pointer-events: none
}

.select-form select {
	width: 100%;
	background: #f6f6f6;
	height: .56rem;
	line-height: .56rem;
	border-radius: 3px;
	padding: 0 .3rem 0 .2rem;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	font-size: .16rem;
	vertical-align: top;
	color: #666
}

.select-form option {
	background-color: #f6f6f6
}

.message {
	padding-top: 1.2rem;
	padding-bottom: 1rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative
}

.message .shm {
	text-align: center;
	font-size: .16rem;
	padding-bottom: .4rem;
	color: #666
}

.message #messageA {
	width: 1px;
	height: 1px;
	position: absolute;
	top: -1rem;
	left: 0
}

.message .list {
	margin-left: -0.2rem;
	margin-right: -0.2rem;
	position: relative
}

.message .list li {
	width: 50%;
	float: left;
	padding: 0 .2rem .3rem .2rem;
	position: relative
}

.message .list .col-3 {
	width: 33.33333333%
}

.message .list .box {
	position: relative
}

.message .list .red {
	color: #fb0b0b;
	position: absolute;
	top: .1rem;
	left: .1rem
}

.message .list .title {
	color: #333;
	font-size: .2rem;
	line-height: 1;
	margin-bottom: .05rem
}

.message .list .error {
	color: #f00;
	padding: 0 .06rem;
	font-size: .12rem;
	position: absolute;
	right: 0;
	top: 0
}

.message .list .select-form {
	width: 100%
}

.message .list .input-form,
.message .list .textarea-form {
	color: #333;
	padding: 0 .2rem;
	vertical-align: middle;
	border: none;
	background: #f6f6f6;
	border-radius: 3px;
	line-height: .56rem;
	font-size: .16rem;
	width: 100%
}

.message .list .input-form:focus,
.message .list .textarea-form:focus {
	border-bottom-color: #173b8e
}

.message .list .input-form::-webkit-input-placeholder,
.message .list .textarea-form::-webkit-input-placeholder {
	color: #666
}

.message .list .input-form::-moz-placeholder,
.message .list .textarea-form::-moz-placeholder {
	color: #666
}

.message .list .input-form:-ms-input-placeholder,
.message .list .textarea-form:-ms-input-placeholder {
	color: #666
}

.message .list .input-form:focus,
.message .list .textarea-form:focus {
	color: #333
}

.message .list .input-form {
	height: .56rem
}

.message .list .textarea-form {
	line-height: .3rem;
	padding-top: .1rem;
	padding-bottom: .1rem;
	min-height: 1.7rem
}

.message .list .btns {
	width: 100%;
	padding-bottom: 0;
	text-align: center
}

.message .list .submit,
.message .list .reset {
	font-size: .16rem;
	width: 2rem;
	display: inline-block;
	text-align: center;
	line-height: .5rem;
	height: .5rem;
	border-radius: .5rem;
	margin-right: .2rem;
	background: #173b8e;
	color: #fff;
	border: none;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.message .list .submit:before,
.message .list .reset:before {
	content: '';
	display: block;
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0)
}

.message .list .submit:hover:before,
.message .list .reset:hover:before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1)
}

.message .list .reset {
	background-color: #eee;
	color: #666
}

.message .list .yanzheng-agree {
	width: 100%;
	line-height: .5rem
}

.message .list .verifyDiv {
	width: 3rem;
	vertical-align: middle;
	float: left;
	margin-right: .2rem;
	position: relative
}

.message .list .verify {
	height: .5rem;
	background-color: #e5e5e5;
	position: relative
}

.message .list .verify .drag-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: .5rem;
	height: .5rem;
	border: 1px #e5e5e5 solid;
	background: #fff url(../images/drag-arrow.svg) no-repeat center center;
	background-size: .2rem .2rem;
	z-index: 2;
	cursor: move
}

.message .list .verify .suc-drag-btn {
	background: #fff url(../fonts/drag-success.svg) no-repeat center center;
	background-size: .2rem .2rem
}

.message .list .verify .drag-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: .5rem;
	line-height: .5rem;
	width: 0;
	background-color: #7ac23c;
	color: #fff;
	font-size: .14rem;
	text-align: center
}

.message .list .verify .fix-tips,
.message .list .verify .verify-msg {
	font-size: .14rem;
	width: 100%;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	color: #999;
	z-index: 1;
	line-height: .5rem;
	padding-left: .5rem;
	text-align: center
}

.message .list .verify .verify-msg {
	padding-left: 0;
	padding-right: .5rem
}

.message .list .verify .verify-msg {
	background-color: #7ac23c;
	color: #fff;
	display: none
}

.message .list .col-2 {
	width: 50%;
	float: left;
	position: relative;
	text-align: left
}

.message .list .agree {
	color: #999;
	font-size: .14rem
}

.message .list .agree a {
	color: #999
}

.message .list .agree a:hover {
	text-decoration: underline;
	color: #173b8e
}

@media screen and (max-width:1023px) {
	.message {
		padding-top: 10px;
		padding-bottom: 40px
	}

	.message .shm {
		font-size: 14px;
		padding-bottom: 20px
	}

	.message .list li {
		padding-bottom: 20px
	}

	.message .list li:last-child {
		padding-bottom: 0
	}

	.message .list .col-3 {
		width: 100%
	}

	.message .list .title {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0
	}

	.message .list .input-form,
	.message .list .textarea-form {
		line-height: 40px;
		font-size: 14px
	}

	.message .list .input-form {
		height: 40px
	}

	.message .list .textarea-form {
		height: 160px
	}

	.message .list .yanzheng-agree {
		line-height: 40px
	}

	.message .list .verifyDiv {
		width: 100%;
		margin-right: 0
	}

	.message .list .verify {
		height: 40px
	}

	.message .list .verify .drag-btn {
		width: 40px;
		height: 40px;
		background-size: 20px
	}

	.message .list .verify .drag-progress {
		height: 40px;
		line-height: 40px
	}

	.message .list .verify .fix-tips,
	.message .list .verify .verify-msg {
		font-size: 14px;
		line-height: 40px;
		padding-right: 40px
	}

	.message .list .agree {
		font-size: 14px
	}

	.message .list .submit,
	.message .list .reset {
		width: 100px;
		height: 40px;
		line-height: 40px;
		border-radius: 40px;
		font-size: 14px
	}
}

#privacyPopup {
	z-index: 10000;
	position: fixed;
	width: 8rem;
	background: #fff;
	border: .1rem solid rgba(0, 0, 0, 0.1);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: .05rem;
	font-size: .14rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none
}

#privacyPopup .transparent {
	z-index: 999
}

#privacyPopup .privacyCon {
	font-size: 14px;
	line-height: 2
}

#privacyPopup .privacyHd {
	width: 100%;
	position: relative;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f3f3f3
}

#privacyPopup .privacyHd .title {
	width: 100%;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px
}

#privacyPopup .privacyHd .closeBtn-1 {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #c5c5c5;
	cursor: pointer
}

#privacyPopup .privacyHd .closeBtn-1:hover {
	color: #f00
}

#privacyPopup .privacyTitle {
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 20px
}

#privacyPopup .privacyBd {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 480px;
	padding: 20px 30px;
	overflow: auto;
	position: relative
}

#privacyPopup .privacyFt {
	width: 100%;
	padding: 10px 0;
	margin-top: 20px;
	text-align: center;
	border-top: 1px #eee solid
}

#privacyPopup .closeBtn-2 {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	min-width: 160px;
	height: 40px;
	background: #e22;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	cursor: pointer
}

#privacyPopup .closeBtn-2:hover {
	background: #f00
}

@media screen and (max-width:450px) {
	#privacyPopup {
		width: 90%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin-top: 0;
		margin-left: 0
	}
}

.job {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #666;
	font-size: .16rem;
	line-height: 2
}

.job .contianer {
	overflow: hidden
}

.job .left {
	width: 50%;
	float: left;
	padding-right: .2rem
}

.job .right {
	width: 50%;
	float: right;
	text-align: right;
	padding-top: .4rem
}

.job .right img {
	max-width: 6rem;
	max-height: 3.5rem
}

.job .titleBig {
	font-size: .32rem;
	color: #333;
	margin-bottom: .2rem
}

.job .a-1 {
	color: #173b8e;
	font-weight: 700;
	font-size: .24rem
}

.job .a-1:hover {
	text-decoration: underline
}

.page {
	clear: both;
	text-align: center;
	font-size: 0;
	font-family: SourceHanSansCN-Regular
}

.page em {
	font-style: normal;
	font-size: 14px;
	line-height: 38px;
	vertical-align: middle
}

.page a,
.page span {
	border-radius: 3px;
	color: #666;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	min-width: 50px;
	line-height: 50px;
	height: 50px;
	-webkit-box-shadow: 0 0 0 1px #ddd;
	box-shadow: 0 0 0 1px #ddd;
	margin: 0 5px;
	padding: 0 0;
	vertical-align: middle
}

.page a svg,
.page span svg {
	fill: #858585;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	margin-left: 5px
}

.page a.cur,
.page span.cur,
.page a.active,
.page span.active,
.page a:hover,
.page span:hover {
	-webkit-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff;
	background-color: #173b8e;
	color: #fff
}

.page a.cur svg,
.page span.cur svg,
.page a.active svg,
.page span.active svg,
.page a:hover svg,
.page span:hover svg {
	fill: #fff
}

.page a.prev,
.page span.prev,
.page a.next,
.page span.next {
	padding-left: 20px;
	padding-right: 20px
}

@media screen and (max-width:1023px) {

	.page a,
	.page span {
		display: none
	}

	.page .prev,
	.page .next {
		display: inline-block
	}
}

.news-show {
	margin: auto;
	color: #666;
	font-size: .16rem;
	line-height: 2;
	text-align: justify;
	padding-top: .7rem;
	padding-bottom: 1rem
}

.news-show .container {
	position: relative
}

.news-show .nr {
	padding: .4rem 0 1rem 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.news-show .left {
	width: .9rem;
	float: left
}

.news-show .view-share {
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	top: .7rem
}

.news-show .view-share .view {
	border-bottom: 1px #f0f0f0 solid
}

.news-show .view-share .view .iconfont {
	display: block;
	width: .64rem;
	height: .64rem;
	line-height: .64rem;
	border-radius: 50%;
	border: 1px #f0f0f0 solid;
	background-size: .3rem;
	font-size: .3rem;
	margin: auto
}

.news-show .view-share .view .num {
	color: #1383ce;
	font-size: .24rem;
	padding: .1rem 0
}

.news-show .view-share .share .title {
	color: #666;
	font-size: .0014;
	line-height: .3rem;
	padding: .1rem 0
}

.news-show .view-share .share a {
	display: block;
	width: .48rem;
	height: .48rem;
	line-height: .48rem;
	border-radius: 50%;
	border: 1px #f0f0f0 solid;
	color: #999;
	margin: 0 auto .1rem auto
}

.news-show .view-share .share a:last-child {
	margin-bottom: 0
}

.news-show .view-share .share a:hover {
	background-color: #173b8e;
	border-color: #173b8e;
	color: #fff
}

.news-show .view-share .share .iconfont {
	font-size: .24rem
}

.news-show .view-share .share .weixin {
	background-size: .4rem
}

.news-show .view-share .share .qq {
	background-size: .4rem
}

.news-show .view-share .share .weibo {
	background-size: .4rem
}

.news-show .view-share .share .qzone {
	background-size: .4rem
}

.news-show .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: .5rem
}

.news-show .show-title {
	text-align: center;
	font-size: .36rem;
	color: #333;
	font-weight: 700
}

.news-show .show-info {
	text-align: center;
	font-size: .14rem;
	color: #999;
	line-height: 35px;
	margin-top: 10px;
	padding-bottom: 30px;
	border-bottom: 1px #ccc dashed;
	position: relative
}

.news-show .show-info .icon {
	width: 48px;
	height: 8px;
	border-top: 1px #173b8e solid;
	margin: auto;
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0
}

.news-show .show-info .icon:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #173b8e transparent transparent transparent;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.news-show .show-info .icon:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
	margin: auto;
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0
}

.news-show .show-info img {
	height: 25px;
	vertical-align: middle;
	margin-top: -3px
}

.news-show .show-info .iconfont {
	margin-right: .05rem
}

.prev-next-return {
	overflow: hidden;
	position: relative;
	font-size: .16rem
}

.prev-next-return .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.prev-next-return .list li{
	width: 50%;
}

.prev-next-return .list:after {
	display: none;
	line-height: .6rem;
	float: left;
	-webkit-transition: all .5s;
	transition: all .5s;
	overflow: hidden
}

.prev-next-return a {
	color: #666;
}

.prev-next-return em {
	font-style: initial
}

.prev-next-return .prev,
.prev-next-return .next {
	width: 50%;
	height: .6rem;
	line-height: .6rem;
	float: left;
	-webkit-transition: all .5s;
	transition: all .5s;
	overflow: hidden
}

.prev-next-return .prev a,
.prev-next-return .next a {
	background-color: #f3f3f3;
	color: #666;
	padding: 0 .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prev-next-return .prev:hover a,
.prev-next-return .next:hover a {
	background-color: #173b8e;
	color: #fff
}

.prev-next-return .prev {
	float: left;
	padding-right: 1.6rem;
	text-align: left
}

.prev-next-return .next {
	float: right;
	padding-left: 1.6rem;
	text-align: right
}

.prev-next-return .return {
	width: 2.4rem;
	float: left;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.prev-next-return .return a {
	display: block;
	background-color: #173b8e;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	color: #fff
}

.prev-next-return .return .iconfont {
	margin-right: .1rem;
	font-size: .2rem
}

.relatedNews {
	background-color: #f9f9f9;
	padding-top: .8rem
}

.relatedNews .titleBig-btns {
	position: relative
}

.relatedNews .titleBig-btns .btns {
	width: 1.4rem;
	height: .56rem;
	position: absolute;
	top: .1rem;
	right: 0
}

.relatedNews .swiper-button-prev,
.relatedNews .swiper-button-next {
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	color: #999;
	border: 1px #dcdcdc solid;
	top: 0
}

.relatedNews .swiper-button-prev::after,
.relatedNews .swiper-button-next::after {
	font-size: .18rem
}

.relatedNews .swiper-button-prev:hover,
.relatedNews .swiper-button-next:hover {
	border-color: #173b8e;
	background-color: #173b8e;
	color: #fff
}

.relatedNews .swiper-button-next {
	right: 0
}

.relatedNews .titleBig {
	color: #333;
	font-size: .32rem;
	border-bottom: 1px #e0e0e0 solid;
	line-height: 1;
	padding-bottom: .3rem;
	margin-bottom: .4rem
}

.videoPopup {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0
}

.videoPopup .transparent {
	display: block
}

.videoPopup .videoPopupCon {
	width: 100%;
	height: 100%;
	position: relative
}

.videoPopup .videoPopupWrap {
	width: 100%;
	height: 100%;
	    border: .08rem #e8e8e8 solid;
	width: 12.4rem;
	max-height: 7.05rem;
	margin: auto;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.videoPopup iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.videoPopup .con {
	position: relative;
	background: #fff;
}

.videoPopup .con:after {
	content: "";
	display: block;
	padding-top: 56.25%
}

.videoPopup video {
	vertical-align: top;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.videoPopup .closeBtn {
	cursor: pointer;
	display: block;
	width: .36rem;
	height: .36rem;
	text-align: center;
	line-height: .36rem;
	border: 1px rgba(255, 255, 255, 0.6) solid;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	position: absolute;
	z-index: 9999;
	right: -0.65rem;
	top: -0.2rem
}

.videoPopup .closeBtn:before,
.videoPopup .closeBtn:after {
	content: "";
	display: block;
	background: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.videoPopup .closeBtn:before {
	width: .22rem;
	height: 2px
}

.videoPopup .closeBtn:after {
	width: 2px;
	height: .22rem
}

.videoPopup .closeBtn:hover {
	background-color: #173b8e
}

.ewmPopup {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0
}

.ewmPopup .transparent {
	display: block
}

.ewmPopup .popupCon {
	width: 100%;
	height: 100%;
	position: relative
}

.ewmPopup .popupWrap {
	width: 5rem;
	margin: auto;
	position: absolute;
	z-index: 999;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.ewmPopup .con {
	padding: .3rem .3rem;
	background-color: #fff;
	position: relative
}

.ewmPopup .ewms {
	text-align: center
}

.ewmPopup .ewms .div-1 {
	width: 1.8rem;
	height: 1.8rem;
	font-size: .16rem;
	color: #555;
	display: inline-block;
	text-align: center;
	margin: 0 .1rem
}

.ewmPopup .closeBtn {
	cursor: pointer;
	display: block;
	width: .4rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	background: #173b8e;
	color: #fff;
	position: absolute;
	z-index: 9999;
	right: 0;
	top: 0
}

.ewmPopup .closeBtn:before,
.ewmPopup .closeBtn:after {
	content: "";
	display: block;
	background: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ewmPopup .closeBtn:before {
	width: .25rem;
	height: 1px
}

.ewmPopup .closeBtn:after {
	width: 1px;
	height: .25rem
}

@font-face {
	/* font-family: SourceHanSansCN-Regular;
	src: url(../fonts/SourceHanSansCN-Regular.otf);
	font-weight: normal;
	font-style: normal;
	font-display: swap; */
}



.banner .btns {
	display: none;
}

.banner .text {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 30%;
}


.fenye{text-align: center; margin-top: 30px;margin-bottom: 30px;}
.fenye span{border: 1px solid #dadada; padding: 8px;margin: 2px; border-radius: 2px;}

.newfrom input ,.newfrom textarea{    border: 1px solid #e3e3e3;
    padding: 10px;
    border-radius: 6px;
    width: 100%;}
.newfrom{width: 900px;padding: 50px;margin: 0 auto;}
.newfrom .fromli{padding-bottom: 20px;}
.newfrom .tijiao{display: inline-block;
    min-width: 1.5rem;
    line-height: .48rem;
    padding: 0 .1rem;
    text-align: center;
    border-radius: .5rem;
    font-size: 18px;
    background: #173b8e;
    color: #fff;
    border: none;
    margin-top: 20px;}

.new-con{line-height: 40px;}

.headtel a{font-size: 24px!important;font-weight: bold;padding-left: 40px!important;}
.headtel .icon{ display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* text-align: left; */
    z-index: 1;
    float: left;
    position: absolute;
    top: .2rem;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;width: 40px;
}

.header.headerFixed .nav>.list>li>a .icon{
     margin-top: -10px;  
}

.product-show .show-proico a:hover{color: #333;}
.product-show .show-proico .img-ico .tu{
	border:1px solid #dddcdc;
}
.product-show .show-proico .img-ico{
	text-align: center;
}
.product-show .show-proico .img-ico .tutke{}
.show-prowz{padding-top: 30px;}


@media screen and (max-width: 1440px) and (min-width: 900px){
    
}


.topmenu-mb{display: none;}
.hidden-md{display: none;}
@media only screen and (max-width:768px) {
body {
    min-width: 100%;
}

.container {
    max-width: 100%;
}

.home-about .left{width: 100%;padding-right:0;}
.home-about .right{display: none;}
.home-about .youshi:before{left: 0;right: 0;width: 100%;}
.home-about .youshi .list{padding: 0 50px 0 10px;}
.home-product .hd{position: inherit;}
.home-product .menuTabs li{    margin-bottom: 10px;width: 50%;}
.home-product .menuTabs{margin-top: 10px;}
.home-product .menuTabs .box{padding: 4px;}
.listNews li { width: 50%;}
.footer .menu{display: none;}	
.footer .footer-contact{width: 100%;}
.footer .ewm {width: 1.5rem;}	
.new-con video{width: 100%;}
.menuSub .list .col-5{width: 50%;}	
.listProduct li{width: 50%;}	
.newfrom {width: 100%;padding: 20px;}
.newfrom input{width: 100%!important;}	
.about .usleft {width: 100%;}	
.about .usright {width: 100%;}

.hidden-xs {
	display: none;
}
.hidden-md{display: block;}
.hidden-md{display: block;}

.topmenu-mb{display:block;}
.topmenu-mb{height:50px;position:relative; width:100%;background:#173b8e ;border-bottom: 1px solid #fff;    background-size: cover;}
.topmenu-mb>div a:last-child{color:#fff;float:right;font-size:25px;font-weight:bold;color:#fff;text-decoration:none;line-height: 50px;}
.topmenu-mb ul{display:none;position:absolute;top:50px;left:0;width:100%;background-color: RGBA(0,0,0,0.6);z-index:9999999;}
.topmenu-mb ul li{padding:6px 10px;border-top:1px solid #fff;line-height: 30px;}
.topmenu-mb ul li a{color:#fff;font-size: 14px; 
text-decoration: none;
}
.topmenu-mb ul li .mbnav-fir {display: block; }
.topmenu-mb ol{display:none;  }
.topmenu-mb ol dl{ border-top: 1px solid #a5a5a5;padding:4px 0;
margin-bottom: 0;
}
.topmenu-mb ol a{display:block;font-size: 12px!important;}
.topmenu-mb ul{display:none;}
.topmenu-mblogo{height: 50px; display: flex;align-items: center;float: left; }
.topmenu-mb .topmenu-mb-top{padding:0 20px;}




}